.geom-<uniquifier> {
  font-family: "Geom", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


body{
  background-image: url("/img/bg-fire.jpg"); /* The image used */
  background-color: #000; /* Used if the image is unavailable */
  background-position: center center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 100% 100%;
  font-family: "Geom", sans-serif;
}
p {
  font-family: "Geom", sans-serif;
}
a{
  text-decoration: none;
}
hr{
  margin: 5px 0;
}
main{
  margin: 0;
  padding: 20px;
  backdrop-filter: blur(10px); /* Desfoca o fundo */
}
header{
  background: #000;
  position: sticky;
  top:0;
  width: 100%;
  z-index: 10;
}
prefooter{
  display: block;
  margin: 100px 0px;
}
footer{
  position:fixed;
  bottom:0;
  width: 100%;
  background: #000;
  font-size: 11px;
  z-index: 10;
}
.event-card{
  transition: 0.1s;
  transform: scale(1.0);
  border:2px solid #0000;
  box-shadow: 0 0 10px 10px #9000;
}
.event-card:hover{
  transition: 0.1s;
  transform: scale(1.06);
  border:2px solid #900;
  box-shadow: 0 0 10px 10px #9004;
}
.bloco{
  padding: 0px 20px;
  margin: 00px 0px;
  border:2px solid #000;
  background: #0009;
  color: #DDD;

}
.logo-top img{
	margin-top:5px;
}
.title{
  color:#C00;
  font-size: 50px;
  font-family: impact;
}
.subtitle{
  color:#FFF;
  text-decoration: none;
  font-style: normal;
}
.card_date{
  background-color: #900;
  color:#EEE;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding:0 20px;
}
.card_content{
  background-color: #161414;
  color:#EEE;
  padding:10px;
  font-size: 12px;
  width: 100%;
}
cardTitle{
  font-size: 20px;
  display: block;
}
cardSubTitle{
  font-size: 18px;
  display: block;
}





/* MENU */
.menu {
  list-style: none;
  margin: 0;

}
.menu ul{
  list-style: none;
  margin: 0;
}
.menu ul li{
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.menu ul li a{
  text-decoration: none;
  color:#CCC;
  margin: 0 5px;
  transition: 0.5s;
}
.menu ul li a:hover {
  color:#F53300;
  transition: 0.5s;
}